﻿body{ margin:0; padding:0;  font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif";  font-size:12px; background:#fff}
img { border:none;}
ul,li{ list-style:none; margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
a{ text-decoration:none; outline:none; color:#535152}
a:active{star:expression(this.onFocus=this.blur());}
#clear{ clear:both; height:0px; overflow:hidden;}

/*----------TOP-----------*/
#top{width:980px; margin:0 auto; height:126px; clear:both;  }
#top .logo{ width:263px; height:120px; float:left;}
#top .logo a{ background:url(../images/logo.png) no-repeat; width:263px; height:126px; line-height:999px; overflow:hidden; display:block}
#top .top_right{ float:right;}

#tit{float:right; width:690px}

#top .yy{ width:200px;  height:24px; line-height:24px;  color:#525252; float:left; padding-top:20px}
#top .yy a{color:#525252; float:left; padding-right:5px}
#top .yy .cn{background:url(../images/cn.jpg) no-repeat left; height:24px; padding-left:38px; display:block}
#top .yy .en{background:url(../images/en.jpg) no-repeat left; height:24px; padding-left:38px; display:block}

/*  搜索  */
#top #search{ width:260px; position:relative; font-family: "Microsoft YaHei";overflow:hidden; z-index:9999; float:right; padding-top:15px}
#top #search .ss_input{ width:154px;  border:2px solid #ddd; border-right:none; height:28px; line-height:28px; padding-left:15px; font-size:14px; color:#999;font-family: "Microsoft YaHei"; float:left;resize:none;}
#top #search .ss_input:hover{ outline:none; color:#666; } 
#top #search .ss_input:focus{  outline:none; color:#444; }
#top #search .ss_an{ width:53px; height:34px; float:left; border:none; cursor:pointer; background:url(../images/ss.gif) no-repeat;}
#top #search .ss_an:hover{background:url(../images/ss_h.gif) no-repeat; }

/*  导航  */
#nav {margin:0; padding:0; height:35px; z-index:101; position:relative; clear:both; padding-top:15px}
#nav .menu {width:710px; margin:0 auto}
#nav .menu ul {padding:0; margin:0;list-style-type: none;}
#nav .menu ul li {float:left; position:relative;}
#nav .menu ul li a, .menu ul li a:visited {display:block; text-align:center; text-decoration:none; height:35px; color:#000;  line-height:35px; font-size:14px; font-weight:bold; width:78px}
#nav .menu ul li a:hover{background:url(../images/nva_h.png) no-repeat; color:#FFF}
#nav .menu ul li .nav_hover{background:url(../images/nva_h.png) no-repeat; color:#FFF}

.top_b{background:url(../images/top.jpg); margin:0px auto; height:4px; margin-bottom:20px }

/*----banner-------*/
.banner{ height:400px; width:100%; background:#ddd; clear:both; z-index:100; clear:both;}
.banner .picBtnLeft { height:400px; position:relative; zoom:1; width:100%; overflow:hidden;}
.banner .picBtnLeft .hd {width:100%; height:69px;  position:absolute;  text-align:center; bottom:0px; z-index:10; background:url(../images/TM50.png); }
.banner .picBtnLeft .hd ul { overflow:hidden; zoom:1; display:block;   height:12px; width:116px;  padding:5px 15px 5px 15px;-moz-border-radius: 15px;   -webkit-border-radius: 15px;  border-radius:15px; margin:0 auto; padding-top:30px}
.banner .picBtnLeft .hd ul li {  float:left; _display:inline; cursor:pointer; text-align:center;  -moz-border-radius: 15px;   -webkit-border-radius: 15px;  border-radius:15px;  width:12px; height:12px; background:#eee; overflow:hidden; margin-right:5px; margin-left:5px;  }
.banner .picBtnLeft .hd ul li.on { background:#fdf200!important; }
.banner .picBtnLeft .bd {height:400px; left: 50%; margin-left: -960px; position: absolute; width: 1920px;}
.banner .picBtnLeft .bd img { height:400px; width:1920px; z-index:1;}
.banner .picBtnLeft .bd ul{}
.banner .picBtnLeft .bd li { position:relative; zoom:1; width:1600px;  display:inline-block; }
.banner .picBtnLeft .bd li .pic { position:relative; z-index:0; line-height:0px; }
.banner .picBtnLeft .bd li .bg { display:none;}
.banner .picBtnLeft .bd li .title { display:none;}

/*--首页推荐产品 --*/
#in_cas{background:url(../images/d_1.gif) 0px 38px repeat-x; margin-top:30px}
#in_cas .in_biaoti{ width:520px; margin:0px auto}
#in_cas #case_ul{width:980px; margin:0px auto}


/*-- 产品滚动 框架和左右按钮样式 --*/
#tjcp{width:980px; margin:0px auto}
.leftLoop{ overflow:hidden; height:174px; display:block; } 
.leftLoop .hd{ overflow:hidden;  height:58px; margin-top:-105px;_margin-top:-225px;} 
.leftLoop .hd .next{ display:block;width:11px;height:58px;float:left;overflow:hidden;cursor:pointer; background:url(../images/icon_06.png) 0px}
.leftLoop .hd .next:hover{background:url(../images/icon_06hover.png) 0px no-repeat;}
.leftLoop .hd .prev{ display:block;width:11px; height:58px;float:right;overflow:hidden;cursor:pointer; background:url(../images/icon_06.png) -12px -0px;}
.leftLoop .hd .prev:hover{ background:url(../images/icon_06hover.png) -12px -0px;}
.leftLoop .bd{ padding:15px; height:120px;} 
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 

/*推荐产品图片 */
#pro_ulh{ padding:0px 10px 10px 10px; *padding:0px 5px 10px 5px;  clear:both; overflow:hidden;}
#pro_ulh li{ margin-right:20px; float:left; margin-left:20px; margin-bottom:10px}
#pro_ulh .proimg{width:147px; height:140px; background:url(../images/pro.gif);  display:block; display:table-cell;/* for opera */text-align:center;
vertical-align:middle;/* for opera */}
#pro_ulh .proimg:hover{background:url(../images/pro_h.gif); border:none;}
#pro_ulh .edge {width:0; height:100%; display:inline-block; vertical-align:middle;}
#pro_ulh img{display:inline-block; text-align: center; vertical-align:middle; border:none;}
#pro_ulh h1{ width:147px; font-size:12px; line-height:28px; height:28px; overflow:hidden; font-weight:normal; text-align:center;  text-overflow:ellipsis;}
#pro_ulh h1 a{ color:#848484;}
#pro_ulh h1 a:hover{color:#009241;}




#main_box{width:980px; margin:0 auto; margin-top:30px; clear:both; overflow:hidden}

.biaoti{color:#000; background:url(../images/d_1.gif) bottom repeat-x; padding-bottom:8px}
.biaoti b{font-size:16px; color:#009241; padding-right:5px;}
.biaoti a{ color:#009241; float:right; background:url(../images/d-6.gif) no-repeat 40px 8px; height:20px; line-height:25px; width:50px; display:block}
.more{ float:right}


/*--公司简介 --*/
#in_abo{width:265px; float:left; overflow:hidden; margin-right:35px; height:265px;}
#in_abo .left_abo{ padding:10px 0px 15px 0px}
#in_abo .left_abo .b{ color:#666; line-height:20px; height:120px; overflow:hidden; padding-top:10px}


/*--公司新闻 --*/
#in_new{width:322px; float:left; overflow:hidden; margin-right:35px; height:265px;}
#in_art{width:322px; float:right; overflow:hidden; height:265px}
#left_newb {width:312px; padding:5px 0px 15px 0px;}
#left_newb li {width:302px; overflow:hidden; height:26px; line-height:26px; background:url(../images/d-3.gif) 0px 8px no-repeat; padding-left:10px}
#left_newb li a{ color:#333; width:230px; height:26px; overflow:hidden; display:block; float:left}
#left_newb li a:hover{ color:#009241}
#left_newb li span{ float:right; color:#999}

#banner_in{width:980px; margin:0 auto; margin-top:30px; clear:both; overflow:hidden}

/*----产品目录-------*/
#main_box .in_left{ width:264px; float:left; background:#FFF; overflow:hidden; margin-right:35px}
#main_box .in_left .biaotib{ height:60px; line-height:75px; color:#FFF; background:#009241; padding-left:25px; }
#main_box .in_left .biaotib b{font-size:16px; padding-right:5px; overflow:hidden}
#main_box .in_left .catalog {width:254px; border:#009241 5px solid; border-top:none; overflow:hidden;}
#main_box .in_left .catalog ul{ padding:5px; margin-top:10px}
#main_box .in_left .catalog ul li a{ font-size:14px; font-weight:bold; color:#009241; background:url(../images/d-4.gif) 0px 12px no-repeat; padding-left:15px;  width:220px; display:block; height:30px; line-height:30px;  overflow:hidden; border-bottom:#cecece 1px solid; margin-left:5px   }
#main_box .in_left .catalog ul li ul{ padding:10px; margin-top:-10px; overflow:hidden}
#main_box .in_left .catalog ul li ul li{ border-bottom:#cecece 1px dashed; height:30px; line-height:30px}
#main_box .in_left .catalog ul li ul li a{ font-size:12px; font-weight:normal; color:#666; background:url(../images/d-5.gif) 0px 8px no-repeat; padding-left:10px;  width:204px; display:block; height:30px; line-height:30px; margin-left:15px; overflow:hidden; border:none }
#main_box .in_left .catalog ul li ul li a:hover{ color:#009241}

#main_box .in_left .in_cont{ padding-left:15px; padding-bottom:30px}
#main_box .in_left .in_cont img{ margin-top:245px}

#main_box .in_right{ float:right; width:681px}

/* 产品展示 */
#pro_ul{ padding:20px 10px 10px 10px; *padding:20px 5px 10px 5px;  clear:both; overflow:hidden;}
#pro_ul li{ margin-right:8px; float:left; margin-left:8px; margin-bottom:10px}
#pro_ul .proimg{width:147px; height:140px; background:url(../images/pro.gif);  display:block; display:table-cell;/* for opera */text-align:center;
vertical-align:middle;/* for opera */}
#pro_ul .proimg:hover{background:url(../images/pro_h.gif); border:none;}
#pro_ul .edge {width:0; height:100%; display:inline-block; vertical-align:middle;}
#pro_ul img{display:inline-block; text-align: center; vertical-align:middle; border:none;}
#pro_ul .h_d{ width:147px; font-size:12px; line-height:28px; height:28px; overflow:hidden; font-weight:normal; text-align:center;  text-overflow:ellipsis;}
#pro_ul .h_d a{ color:#848484;}
#pro_ul .h_d a:hover{color:#009241;}


/*--首页产品 列表样式 --*/
#ind_prouctsbox{ clear:both; background:#fff; height:410px;}
#ind_prouctsbox li{ float:left; width:227px; height:180px; margin-left:-1px; font-size:12px; overflow:hidden; padding:5px; border:1px solid #eee; border-top:none;}
#ind_prouctsbox li  .pic{ height:150px; width:227px;background:#fff;display:table-cell;text-align:center;display:table-cell;text-align:center;vertical-align:middle;overflow:hidden;}
#ind_prouctsbox li  .pic img{display:inline-block;text-align: center;vertical-align:middle;}

#ind_prouctsbox li  .title{ padding:5px; clear:both; background:#fff; border-top:1px solid #eee;}
#ind_prouctsbox li  .title h1 a{ font-size:15px; height:20px; line-height:20px; font-weight:normal; color:#333;display:block; overflow:hidden; text-align:center}
#ind_prouctsbox li  .title h1 a:hover{ color:#ff0202;}
#ind_prouctsbox li  .title p{ height:44px; line-height:20px; overflow:hidden; margin-top:5px; color:#999;}

#ind_prouctsbox li:hover{z-index:999; zoom:1; position:relative; border:1px solid #ddd; border-top:none;
-webkit-box-shadow: #999 0px 0px 8px;-moz-box-shadow: #999 0px 0px 8px;box-shadow: #999 0px 0px 8px;}
#ind_prouctsbox li:hover .title p{ color:#666;}



#in_lk_box{width:980px; margin:0px auto;  line-height:37px; margin-top:20px; clear:both; overflow:hidden}
#in_lk_box span{color:#009241; float:left; width:100px; float:left; padding-top:16px}
#in_lk_box span b{ font-size:22px;}
#in_lk_box p{ float:left; width:880px}
#in_lk_box p a{ padding-right:10px; color:#009241;}

#foot_box{ margin-top:30px;  border-top:5px solid #161614; background:#009241; overflow:hidden; padding-bottom:10px; padding-top:10px}
#foot_box .foot_z{width:980px; margin:0 auto; color:#FFF; line-height:28px;} 
#foot_box .foot_z a{ color:#FFF}
#foot_box .foot_z p{ text-align:center}
#foot_box .foot_z b{ color:#F00}




.ny_banner{ margin:0px auto; background:url(../images/br_ny.jpg) no-repeat; height:250px; }

.biaoti_ny{color:#000; background:url(../images/d_1.gif) bottom repeat-x; padding-bottom:8px}
.biaoti_ny b{font-size:16px; color:#009241; padding-right:5px;}
.biaoti_ny span{ float:right; color:#009241;}
.biaoti_ny span a{ background:none; color:#009241; float:none}

.in_right .ny_con{ padding:20px; line-height:25px}


#ny_newslb_box{ padding:10px; clear:both;}
#ny_newslb_box li{ height:30px;line-height:30px; background:url(../images/d-3.gif) no-repeat 0px 10px; border-bottom:1px dashed #ddd; font-size:12px; padding-left:10px; overflow:hidden;}
#ny_newslb_box li a{ color:#444; float:left;}
#ny_newslb_box li a:hover{color:#009241; }
#ny_newslb_box li span{ float:right; color:#999;}







.ny_main_box{ clear:both; line-height:22px; padding:10px;}
/* 新闻内页 */
#inside_rnewtil{ text-align:center; font-size:24px; color:#333333;width:100%; margin-top:20px; margin-bottom:5px; font-family:"Microsoft YaHei";}
.inside_rnewtime{ text-align:center; font-size:12px; color:#666666; border-bottom:1px dashed #999; width:100%;}
.inside_rnewcon{ font-size:12px; color:#333333; line-height:24px; margin-top:10px;width:100%;}



/* 产品LIST列表*/ 
#prolist_box{ padding:10px 10px 0 10px; clear:both;}
#prolist_box li{ clear:both; border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:10px;}
#prolist_box li .zh_img{ float:left;border:1px solid #ddd; line-height:90px; height:105px; width:105px; background:#fff; text-align:center;}
#prolist_box li .zh_text{ float:left; margin-left:10px; font-size:12px; width:535px; }
#prolist_box li .zh_text .h_d{ font-size:14px; line-height:20px; font-weight:bold; margin-bottom:5px; height:20px; overflow:hidden;}
#prolist_box li .zh_text .h_d a{ color:#333333;}
#prolist_box li .zh_text .h_d a:hover{ color:#009241;}
#prolist_box li .zh_text p{color:#666; line-height:20px; height:60px; overflow:hidden;}
#prolist_box li img{ vertical-align:middle; width:100px;}

.pro_xxjsan{ background:url(../images/d-3.gif) no-repeat left; padding-left:10px; display:block; color:#666; width:125px;}
.pro_xxjsan:hover{ color:#009241;}

#prolist_box li .zh_img span{width:100px;text-align:center;border:1px solid #fff;line-height:100px;height:100px;}
*>#ind_pro_img .proimg{font-size:12px;}





/*-------------产品详细页产品信息---------------*/
#pro_jbzl_box{ border:1px solid #dddddd; clear:both; width:100%; font-size:12px; margin-top:15px;}
.xglb{ width:100%; clear:both; height:35px; line-height:35px; border-bottom:1px solid #ddd;}
.xglb h1{ float:left; font-size:14px;color:#333; background:url(../images/icon_04.png) no-repeat 10px; padding-left:25px;}
.xglb h1 a{color:#333;}
.xglb h1 a:hover{ color:#ff7c00;}
.xglb .xglb_right{ float:right; margin-right:20px;}
.xglb .xglb_right a{ margin-right:10px; color:#0066CC; background:url(../images/right_icon01.png) no-repeat top left; padding-left:15px; padding-top:3px;}
.xglb .xglb_right a:hover{ color:#ff7c00;}
.xglb .xglb_right .xglb_xl{ font-size:12px;}

.xglb_xl{_margin-top:7px;}

.pro_img{ float:left; _width:310px; margin-bottom:20px; margin-right:10px;}
#pro_text_box01{ float:left; padding-top:10px; line-height:20px; color:#333333; width:400px; _width:400px;}
#pro_text_box01 h1{ font-size:16px; color:#000; margin-bottom:10px;}
#pro_text_box01 table td{ line-height:24px;}
#pro_ssfl{ border:1px solid #0066CC; color:#0066CC; padding:0px 5px 0px 5px; display:block; float:left;}
#pro_ssfl:hover{ border:1px solid #FF6633; color:#FF6633; padding:0px 5px 0px 5px;}
#pro_text_box01 p{ width:385px;*width:355px; border:1px solid #fdd274; background:#fdf1d7; padding:10px; margin-top:10px; height:80px; overflow:hidden; color:#333333;}
#pro_an{ margin-top:20px;}
#pro_an a{ width:125px;height:35px; display:block; float:left; text-align:center; font-size:16px; color:#FFFFFF; line-height:35px;font-family:"Microsoft YaHei"}
#pro_an01{ background:url(../images/pro_an01.jpg) no-repeat;}
#pro_an01:hover{ background:url(../images/pro_an01hover.jpg) no-repeat;}
#pro_an02{ background:url(../images/pro_an02.jpg) no-repeat; margin-left:20px;}
#pro_an02:hover{ background:url(../images/pro_an02hover.jpg) no-repeat;}

#pro_text_box02{ clear:both;padding-top:10px; margin-top:20px;font-size:12px; line-height:24px;}
#pro_gsbt{ font-size:14px; color:#0066CC; border-bottom:3px solid #ddd; padding-bottom:5px; margin-bottom:10px;}

#pro_order{ clear:both; margin-top:15px;}


.prodetail_box{ clear:both; margin-bottom:10px; border-bottom:1px solid #ddd; padding:10px;}
.prodetail_img{ float:left; width:250px; margin-right:20px; text-align:center;}
.pro_text01{ float:left; line-height:24px;}
.pro_text01 p{ clear:both; margin-bottom:5px;}
.pro_text01 p b{ float:left; display:block; width:70px;}
.pro_text01 p span{ float:left; width:250px;}

#pro_xxnr_box{ clear:both; line-height:24px; font-size:12px;}
#pro_xxnr_box .bt{ height:30px; line-height:30px; background:#ddd; padding-left:15px; color:#333; font-size:14px; font-weight:normal; margin-bottom:15px;}
#pro_xxnr_box .xxbrbox{ padding:5px;}
#pro_xxnr_box .xxbrbox table{border: 0px solid #fff;border-collapse:collapse;}
#pro_xxnr_box .xxbrbox table td{ border:1px solid #ccc; padding-left:5px; font-size:12px;}